<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script type="text/javascript" src="jquery/jquery-1.11.3.js"></script>
        <script type="text/javascript">
            $(function(){
                //在jQuery中$仅仅只是一个别名
                //有$引用的时候其实等于使用jQuery引用
                //带来的问题就是 其他的很多js框架
                //prototype 之类的框架都习惯用$来引用自己的关键对象
                //此时如果多个js并存的时候 就会发生冲突
                //在JQuery中定义了一个noConfilct() 方法来解决冲突
                //当使用了这个方法之后 $符号就不能在jQuery中使用了
                //在jQuery中仅仅只能使用了JQuery了
                //此时如果一直使用jQuery来引用会影响开发效率 所以常用的一种方式就是
                //var $j = JQuery.noConflict();此时就可以用$j来替代$
                var $j = jQuery.noConflict();
                $j("#users").css("color","#f00");
            });
        </script>
    </head>
    <body>
        <table width="700" border="1" align="center" id="tus"></table>
        <table width="700" border="1" align="center" id="users">
            <thead>
                <tr>
                    <td>用户标识</td>
                    <td>用户姓名</td>
                    <td>用户年龄</td>
                    <td>用户密码</td>
                </tr>
            </thead>
            <tbody>
                <tr id="abc">
                    <td>1</td>
                    <td>张三</td>
                    <td>23</td>
                    <td>abc123</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>李四</td>
                    <td>33</td>
                    <td>abc123</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>王五</td>
                    <td>13</td>
                    <td>abc123</td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>赵六</td>
                    <td>45</td>
                    <td>abc123</td>
                </tr>
                <tr>
                    <td>5</td>
                    <td>朱琪</td>
                    <td>21</td>
                    <td>abc123</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>
